<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../css/aui.2.0.css">
    <link rel="stylesheet" href="../css/aui-slide.css">
    <link rel="stylesheet" href="../css/alert.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/homePage.css">
</head>
<body>

<!--搜索框-->
<header>
    <div class="aui-searchbar" id="search">
        <div class="aui-searchbar-input aui-border-radius">
            <form class="search-form">
                <i class="aui-iconfont aui-icon-search"></i>
                <input type="search" placeholder="请输入搜索内容" id="search-input" autocomplete="off">
                <div class="aui-searchbar-clear-btn" id="clean-search">
                    <i class="aui-iconfont aui-icon-close"></i>
                </div>
            </form>
        </div>
        <div class="aui-searchbar-btn aui-text-info" id="search-product" tapmode>搜索</div>
    </div>
</header>
    <nav id="discount-search">
        <!--轮播图-->
        <div id="aui-slide3"></div>
        <!--时间卡-->

        <div class="wrap" id="wrap">
            <ul class="tabClick">
                <li data-hour-range="1" class="data-tab">
                    <div>0:00</div>
                    <div class="desc">即将开始</div>
                </li>
                <li data-hour-range="2" class="data-tab">
                    <div>4:00</div>
                    <div class="desc">即将开始</div>
                </li>
                <li data-hour-range="3" class="data-tab">
                    <div>8:00</div>
                    <div class="desc">即将开始</div>
                </li>
                <li data-hour-range="4" class="data-tab">
                    <div>12:00</div>
                    <div class="desc">即将开始</div>
                </li>
                <li data-hour-range="5" class="data-tab">
                    <div>16:00</div>
                    <div class="desc">即将开始</div>
                </li>
                <li data-hour-range="6" class="data-tab">
                    <div>20:00</div>
                    <div class="desc">即将开始</div>
                </li>
            </ul>

            <div class="tabCon">
                <div id="tab1" class="tabList">
                </div>
                <div id="baokuan-box"></div>
                <div class="jingxuan-box">
                    <div class="home-title">精选速递</div>
                    <div id="jingpin-box"></div>
                </div>
            </div>
        </div>
        <div class="loading" >加载更多...</div>
        <div class="no-info">没有更多信息了...</div>
        <div class="clear"></div>
    </nav>

    <!--底部工具栏-->
    <footer class="aui-bar aui-bar-tab" id="footer">
        <a href="javascript:;">
            <div class="aui-bar-tab-item aui-active " tapmode>
                <img src="../img/home_click.png" alt="" class="footer-icon-img">
                <div class="aui-bar-tab-label">首页</div>
            </div>
        </a>
        <a href="discountMail.html">
            <div class="aui-bar-tab-item" tapmode>
                <img src="../img/discount_no.png" alt="" class="footer-icon-img">
                <div class="aui-bar-tab-label">友惠精选</div>
            </div>
        </a>
        <a href="jd_shop.html">
            <div class="aui-bar-tab-item" tapmode>
                <img src="../img/JD_click.png" alt="" class="footer-icon-img">
                <div class="aui-bar-tab-label">京东VIP</div>
            </div>
        </a>
        <a href="cart.html">
            <div class="aui-bar-tab-item" tapmode>
                <!--<div class="aui-badge">99</div>-->
                <img src="../img/cart_no.png" alt="" class="footer-icon-img">
                <div class="aui-bar-tab-label">购物车</div>
            </div>
        </a>
        <a href="member.html">
            <div class="aui-bar-tab-item" tapmode>
                <!--<div class="aui-dot"></div>-->
                <img src="../img/member_no_click.png" alt="" class="footer-icon-img">
                <div class="aui-bar-tab-label">我的</div>
            </div>
        </a>
    </footer>
<!--轮播模板-->
<script type="text/x-handlebars-template" id="swiper-template">
    <div class="aui-slide-wrap" >
        {{#each this}}
        <div class="aui-slide-node bg-dark">
            <a href="home_banner_jump.html?id={{id}}" class="display-box">
                <img src="{{url}}" />
            </a>
        </div>
        {{/each}}
    </div>
    <!--分页容器-->
    <div class="aui-slide-page-wrap"></div>
</script>
<!--秒杀数据模板-->
<script type="text/x-handlebars-template" id="seckill-template">
    <div class="home-three">
        {{#each this}}
        <a href="seckill_detail.html?spuId={{id}}" class="display-box">
            <div class="home-three-box">
                <img src="../img/lazy.gif" data-src="{{mainImageUrl}}" alt="">
                <div class="home-three-price">
                    <span>￥{{productPrice}}</span>
                    <span>￥{{productOrginPrice}}</span>
                </div>
                <div class="home-three-sales">销量: {{totalSales}}</div>
                <!--<div class="home-three-top">
                    <img class="top-img" src="../img/fire.png" alt="">
                    <span>  {{plus @index}}</span>
                </div>-->
            </div>
        </a>
        {{/each}}
    </div>
</script>
<!--爆品专卖-->
<script type="text/x-handlebars-template" id="baokuan-template">
    <div class="home-title">爆品专卖</div>
    <div class="home-three">
        {{#each this}}
        <a href="red_package.html?productId={{id}}" class="display-box">
            <div class="home-three-box">
                <img src="../img/lazy.gif" data-src="{{mainImageUrl}}" alt="">
                <div class="home-three-price">
                    <span>￥{{productPrice}}</span>
                    <span>￥{{productOrginPrice}}</span>
                </div>
                <div class="home-three-sales">销量: {{totalSales}}</div>
                <!--<div class="home-three-top">
                    <img class="top-img" src="../img/fire.png" alt="">
                    <span>  {{plus @index}}</span>
                </div>-->
            </div>
        </a>
        {{/each}}
    </div>
</script>
<!--爆款专卖-->
<script type="text/x-handlebars-template" id="seckill-list-template">
    <div class="home-title">精选爆款</div>
    {{#each this}}
    <!--新模板-->
    <a href="seckill_detail.html?spuId={{spuId}}" class="display-box">
        {{#productdetail}}
        <div class="dis-list-box">
            <div class="dis-shop-img">
                <img src="../img/lazy.gif" data-src="{{mainImageUrl}}" alt="">
            </div>
            <div class="dis-list-content">
                <div class="dis-shop-detail">
                    <span class="hongbao">红包{{productHongbao}}元</span>
                    <span  class="shop-list-name">{{name}}</span>
                </div>
                <div class="dis-price">
                    <span>￥{{productPrice}}</span>
                    <span>￥{{productOrginPrice}}</span>
                </div>
                <div class="miaosha">
                    {{#../skus}}
                    <span class="seckill-count">剩余{{stock}}件</span>
                    {{/../skus}}

                    <span class="seckill" {{#if (compare ../autoRenew '==' '1')}} data-auto-renew='1' {{/if}}>去秒杀</span>
                </div>
            </div>
        </div>
        {{/productdetail}}
    </a>
{{/each}}
</script>
<!--搜索模板-->
<script type="text/x-handlebars-template" id="discount-list-template">
    {{#each products}}
    <a href="red_package.html?productId={{id}}" class="display-box">
        <div class="dis-list-box">
            <div class="dis-shop-img">
                <img src="../img/lazy.gif" data-src={{mainImageUrl}} alt="">
            </div>
            <div class="dis-list-content">
                <div class="dis-shop-detail">
                    <span class="hongbao">红包 <span>{{productHongbao}}</span>元</span>
                    <span class="shop-list-name">{{name}}</span>
                </div>
                <div class="dis-price">
                    <span>￥{{productPrice}}</span>
                    <span>￥{{productOrginPrice}}</span>
                </div>
                <div class="dis-evaluate">
                    <span>{{totalFeedback}}评价</span>
                    <span>好评<span>{{percentFeedback}}%</span></span>
                </div>
                <div class="dis-sale">
                    销量：<span>{{totalSales}}</span>
                </div>
            </div>
        </div>
    </a>
    {{/each}}
</script>
<!--精品速递-->
<script type="text/x-handlebars-template" id="jingpin-template">

    {{#each products}}
    <a href="red_package.html?productId={{id}}" class="display-box">
        <div class="dis-list-box">
            <div class="dis-shop-img">
                <img src="../img/lazy.gif" data-src={{mainImageUrl}} alt="">
            </div>
            <div class="dis-list-content">
                <!--<div class="dis-shop-detail">
                    <span class="hongbao">红包 <span>{{productHongbao}}</span>元</span>
                    <span class="shop-list-name">{{name}}</span>
                </div>
                <div class="dis-price">
                    <span>￥{{productPrice}}</span>
                    <span>￥{{productOrginPrice}}</span>
                </div>
                <div class="dis-evaluate">
                    <span>{{totalFeedback}}评价</span>
                    <span>好评<span>{{percentFeedback}}%</span></span>
                </div>
                <div class="dis-sale">
                    销量：<span>{{totalSales}}</span>
                </div>-->
                <div class="dis-shop-name">{{name}}</div>
                <div class="dis-shop-price-xiaol">
                    <span>友惠价 : ￥{{productOrginPrice}}</span>
                    <span>销量 : {{totalSales}}</span>
                </div>
                <div class="dis-shop-youh-box">
                    <div class="dis-youh-left">
                        <span class="dis-r-text">券后价</span>
                        <span class="dis-r-price">￥{{productPrice}}</span>
                    </div>
                    <div class="dis-youh-right">
                        <span class="hongbao-pay">红包立减</span>
                        <span>{{productHongbao}}元</span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    {{/each}}
</script>
    <script src="../js/jquery-3.0.0.min.js"></script>
    <script src="../js/handlebars-v4.0.10.js"></script>
    <script src="../js/config.js"></script>
    <script src="../js/api.2.0.js"></script>
    <script src="../js/aui-slide.js"></script>
    <script src="../js/search.js"></script>
    <script src="../js/aui-lazyload.js"></script>
    <script src="../js/alert.js"></script>
    <script src="../js/common.js"></script>
    <script src="../js/function.js"></script>
    <script src="../js/homePage.js"></script>

</body>
</html>